<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <meta name="description" content="Striker HTML5 Template">
        <title>Toy Store Html Template</title>
        <link rel="shortcut icon" type="image/x-icon" href="./media/favicon.png">
        <link rel="stylesheet" href="./css/bootstrap.min.css">
        <link rel="stylesheet" href="./css/font-awesome.css">
        <link rel="stylesheet" href="./css/slick.css">
        <link rel="stylesheet" href="./css/slick-theme.css">
        <link rel="stylesheet" href="./css/ionrangeslider.css">
        <link rel="stylesheet" href="./css/aksVideoPlayer.css">
        <link rel="stylesheet" href="./css/app.css">
    </head>
    <body>
        <div id="preloader" style="display: none;">
            <div class="pyramid-loader">
                <div class="loader"></div>
            </div>
        </div>
        <a href="#main-wrapper" id="backto-top" class="back-to-top">
            <i class="fas fa-angle-up"></i>
        </a>
        <div id="main-wrapper" class="main-wrapper overflow-hidden">
            <header class="large-screens">
                <div class="container-fluid">
                    <nav class="navbar navbar-expand-lg p-0">
                        <div class="collapse navbar-collapse" id="mynavbar">
                            <div class="left-nav">
                                <a href="index.html" class="navbar-brand m-0 p-0">
                                    <img alt src="./media/logo.png">
                                </a>
                                <ul class="navbar-nav m-0">
                                    <li class="has-children">
                                        <a href="javascript:void(0);">Home</a>
                                        <ul class="submenu">
                                            <li>
                                                <a href="index.html">Home 1</a>
                                            </li>
                                            <li>
                                                <a href="index-2.html">Home 2</a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="menu-item">
                                        <a href="about.html">About us</a>
                                    </li>
                                </ul>
                            </div>
                            <div class="search-block">
                                <form action="shop-listing-1.html" class="input-group search-bar">
                                    <input type="text" placeholder="Search..." required>
                                    <button class="search" type="submit">
                                        <i class="far fa-search search-icon"></i>
                                    </button>
                                </form>
                            </div>
                            <div class="right-nav">
                                <ul class="navbar-nav m-0">
                                    <li class="has-children">
                                        <a href="javascript:void(0);">Shop</a>
                                        <ul class="submenu">
                                            <li>
                                                <a href="shop-listing-1.html">Shop Grid </a>
                                            </li>
                                            <li>
                                                <a href="shop-listing-2.html">Shop Listing</a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="has-children">
                                        <a href="javascript:void(0);">Pages</a>
                                        <ul class="submenu">
                                            <li>
                                                <a href="blog.html">Blog</a>
                                            </li>
                                            <li>
                                                <a href="blog-detail.html">Blog Detail</a>
                                            </li>
                                            <li>
                                                <a href="product-detail.html">Product Detail</a>
                                            </li>
                                            <li>
                                                <a href="cart.html" class="active">Cart</a>
                                            </li>
                                            <li>
                                                <a href="checkout.html">Checkout</a>
                                            </li>
                                            <li>
                                                <a href="wishlist.html">Wishlist</a>
                                            </li>
                                            <li>
                                                <a href="contact.html">Contact</a>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                                <ul class="navbar-nav m-0">
                                    <li class="menu-item">
                                        <a href="cart.html">
                                            <i class="fal fa-shopping-cart"></i>
                                        </a>
                                    </li>
                                    <li class="menu-item">
                                        <a href="wishlist.html">
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </nav>
                </div>
            </header>
            <header class="small-screen">
                <div class="container-fluid">
                    <div class="mobile-menu">
                        <div>
                            <a class="navbar-brand" href="index.html">
                                <img alt src="./media/logo.png">
                            </a>
                        </div>
                        <div class="hamburger-menu">
                            <div class="bar"></div>
                        </div>
                    </div>
                    <nav class="mobile-navar d-xl-none">
                        <ul>
                            <li class="has-children">
                                Home <span class="icon-arrow"></span>
                                <ul class="children">
                                    <li>
                                        <a href="index.html">Home 1</a>
                                    </li>
                                    <li>
                                        <a href="index-2.html">Home 2</a>
                                    </li>
                                </ul>
                            </li>
                            <li class="has-children">
                                Pages <span class="icon-arrow"></span>
                                <ul class="children">
                                    <li>
                                        <a href="about.html">About us</a>
                                    </li>
                                    <li>
                                        <a href="blog.html" class="">Blog</a>
                                    </li>
                                    <li>
                                        <a href="blog-detail.html">Blog Detail</a>
                                    </li>
                                    <li>
                                        <a href="product-detail.html">Product Detail</a>
                                    </li>
                                    <li>
                                        <a href="cart.html" class="active">Cart</a>
                                    </li>
                                    <li>
                                        <a href="checkout.html">Checkout</a>
                                    </li>
                                    <li>
                                        <a href="wishlist.html">Wishlist</a>
                                    </li>
                                    <li>
                                        <a href="contact.html">Contact</a>
                                    </li>
                                </ul>
                            </li>
                            <li class="has-children">
                                Shop <span class="icon-arrow"></span>
                                <ul class="children">
                                    <li>
                                        <a href="shop-listing-1.html">Shop Grid</a>
                                    </li>
                                    <li>
                                        <a href="shop-listing-2.html">Shop Listing</a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </nav>
                </div>
            </header>
            <div class="page-title-banner">
                <div class="container">
                    <div class="left-right-image">
                        <img src="./media/page-title-banner/img-1.png" class="left-img" alt>
                        <img src="./media/page-title-banner/img-2.png" class="right-img" alt>
                    </div>
                    <div class="content">
                        <div class="title">
                            <h2>Cart</h2>
                        </div>
                    </div>
                </div>
            </div>
            <div class="page-content">
                <section class="cart p-96">
                    <div class="container">
                        <div class="row">
                            <div class="col-xl-8 mb-xl-0 mb-32">
                                <div class="list-product mb-32">
                                    <img src="./media/product/p-27.png" alt="">
                                    <div class="content">
                                        <div class="frame">
                                            <div class="name">
                                                <h5 class="h-21 sec-2 light-black">Item:</h5>
                                                <h5 class="h-21 sec light-black">Buzz Lightyear</h5>
                                            </div>
                                            <div class="name">
                                                <h5 class="h-21 sec-2 light-black">SKU</h5>
                                                <h5 class="h-21 sec light-black">12 323 43</h5>
                                            </div>
                                        </div>
                                        <div class="frame end">
                                            <h5 class="h-21 sec-2 light-black">Price</h5>
                                            <h5 class="h-21 sec light-black">$32.00</h5>
                                        </div>
                                        <div class="frame center">
                                            <h5 class="h-21 sec-2 light-black">Quantity</h5>
                                            <div class="quantity quantity-wrap">
                                                <input class="decrement" type="button" value="-">
                                                <input type="text" name="quantity" value="2" maxlength="2" size="1" class="number">
                                                <input class="increment" type="button" value="+">
                                            </div>
                                        </div>
                                        <div class="frame center">
                                            <h5 class="h-21 sec-2 light-black">Sub Total</h5>
                                            <h5 class="h-21 sec light-black">$64 .00</h5>
                                        </div>
                                    </div>
                                </div>
                                <div class="list-product mb-32">
                                    <img src="./media/product/p-28.png" alt="">
                                    <div class="content">
                                        <div class="frame">
                                            <div class="name">
                                                <h5 class="h-21 sec-2 light-black">Item:</h5>
                                                <h5 class="h-21 sec light-black">Bullseye Plush</h5>
                                            </div>
                                            <div class="name">
                                                <h5 class="h-21 sec-2 light-black">SKU</h5>
                                                <h5 class="h-21 sec light-black">02 486 98</h5>
                                            </div>
                                        </div>
                                        <div class="frame end">
                                            <h5 class="h-21 sec-2 light-black">Price</h5>
                                            <h5 class="h-21 sec light-black">$58.00</h5>
                                        </div>
                                        <div class="frame center">
                                            <h5 class="h-21 sec-2 light-black">Quantity</h5>
                                            <div class="quantity quantity-wrap">
                                                <input class="decrement" type="button" value="-">
                                                <input type="text" name="quantity" value="1" maxlength="2" size="1" class="number">
                                                <input class="increment" type="button" value="+">
                                            </div>
                                        </div>
                                        <div class="frame center">
                                            <h5 class="h-21 sec-2 light-black">Sub Total</h5>
                                            <h5 class="h-21 sec light-black">$58.00</h5>
                                        </div>
                                    </div>
                                </div>
                                <div class="list-product mb-32">
                                    <img src="./media/product/p-29.png" alt="">
                                    <div class="content">
                                        <div class="frame">
                                            <div class="name">
                                                <h5 class="h-21 sec-2 light-black">Item:</h5>
                                                <h5 class="h-21 sec light-black">Melody Plush</h5>
                                            </div>
                                            <div class="name">
                                                <h5 class="h-21 sec-2 light-black">SKU</h5>
                                                <h5 class="h-21 sec light-black">23 648 63</h5>
                                            </div>
                                        </div>
                                        <div class="frame end">
                                            <h5 class="h-21 sec-2 light-black">Price</h5>
                                            <h5 class="h-21 sec light-black">$50.00</h5>
                                        </div>
                                        <div class="frame center">
                                            <h5 class="h-21 sec-2 light-black">Quantity</h5>
                                            <div class="quantity quantity-wrap">
                                                <input class="decrement" type="button" value="-">
                                                <input type="text" name="quantity" value="3" maxlength="2" size="1" class="number">
                                                <input class="increment" type="button" value="+">
                                            </div>
                                        </div>
                                        <div class="frame center">
                                            <h5 class="h-21 sec-2 light-black">Sub Total</h5>
                                            <h5 class="h-21 sec light-black">$150.00</h5>
                                        </div>
                                    </div>
                                </div>
                                <a href="shop-listing-1.html" class="cus-btn primary">Continue Shopping</a>
                            </div>
                            <div class="col-xl-4">
                                <div class="row">
                                    <div class="col-xl-12 col-lg-6">
                                        <div class="cart-detail mb-32">
                                            <h4 class="h-36 bold mb-16 light-black">Cart Detail</h4>
                                            <ul class="unstyled">
                                                <li>
                                                    <h6 class="h-21 light-black">Items Total</h6>
                                                    <h5 class="h-21 light-black sec">$272.00</h5>
                                                </li>
                                                <li>
                                                    <h6 class="h-21 light-black">Shipping Fee</h6>
                                                    <h5 class="h-21 light-black sec">$05.00</h5>
                                                </li>
                                                <li>
                                                    <h6 class="h-21 light-black">Tax</h6>
                                                    <h5 class="h-21 light-black sec">$02.90</h5>
                                                </li>
                                                <li class="m-0">
                                                    <h6 class="h-21 light-black">Discount</h6>
                                                    <h5 class="h-21 light-black sec">$20.00</h5>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="col-xl-12 col-lg-6">
                                        <div class="total">
                                            <ul class="unstyled mb-32">
                                                <li class="m-0">
                                                    <h4 class="h-36 bold light-black">Grand Total</h4>
                                                    <h4 class="h-36 bold light-black">$259.90</h4>
                                                </li>
                                            </ul>
                                            <button class="cus-btn primary w-100">To Checkout</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
            </div>
            <footer class="bg-light-blue">
                <div class="container">
                    <div class="footer-main mb-64">
                        <div class="footer-info">
                            <div class="footer-about">
                                <div class="logo mb-16">
                                    <a href="blog.html">
                                        <img src="./media/logo.png" alt>
                                    </a>
                                </div>
                                <p class="color-white mb-32">
                                    Welcome to our world of imagination <br>
                                    and play!At Sarah's Toy Emporium,we <br>
                                    believe in creating magical experiences <br>for children and igniting their joy.
                                </p>
                                <div class="contact">
                                    <ul class="contact-list unstyled">
                                        <li class="mb-32">
                                            <a href="">
                                                <i class="fal fa-phone-alt"></i>
                                                <span>+1 233 898 0897</span>
                                            </a>
                                        </li>
                                        <li class>
                                            <a href="mailto:info@example.com">
                                                <i class="fal fa-envelope"></i>
                                                <span>email@example.com</span>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="newsletter">
                                <h3 class="mb-24">Subscribe to our Newsletter</h3>
                                <form action="./cart.html" class>
                                    <input type="email" id="email" placeholder="Email" class="form-control mb-16" required>
                                    <button type="submit" class="cus-btn primary w-100">Subscribe</button>
                                </form>
                                <ul class="unstyled social-icons">
                                    <li>
                                        <a href="cart.html">
                                            <i class="fab fa-facebook-f"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="cart.html">
                                            <i class="fab fa-twitter"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="cart.html">
                                            <i class="fab fa-snapchat-ghost"></i>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="cart.html">
                                        </a>
                                    </li>
                                </ul>
                            </div>
                            <div class="menu">
                                <h3 class="color-white mb-8">Important Links</h3>
                                <ul class="link unstyled">
                                    <li class>
                                        <a href="index.html">– Home</a>
                                    </li>
                                    <li class>
                                        <a href="cart.html">– Cart</a>
                                    </li>
                                    <li class>
                                        <a href="shop-listing-1.html">– Shop</a>
                                    </li>
                                    <li class>
                                        <a href="checkout.html">– Checkout</a>
                                    </li>
                                    <li class>
                                        <a href="about.html">– About</a>
                                    </li>
                                    <li class>
                                        <a href="product-detail.html">– Product Detail</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <p class="color-white text-center">
                        ©2023 Cricket Pulse All Rights By <a href="http://www.bootstrapmb.com">bootstrapMB</a>
                        .
                    </p>
                </div>
            </footer>
        </div>
    </body>
</html>
